<!DOCTYPE html>
<!-- 告诉浏览器下面的代码用html5语法 -->
<html>
	<head>
		<meta charset="utf-8" />
		<!-- 编码集：万国码 -->
		<title>页面</title>
	</head>
	<body>
		<!-- html 属性和属性值[所有元素存在，元素和属性捆绑]
		   功能：给元素做效果 问题：针对一个元素有效-->
		<P align="right">lorem</P>
		<!-- css   做样式{效果}    针对全局 
		前端：内容与表现分离【HTML做结构，css做样式】
		能使用CSS时，不用html元素中属性和属性值
		css的引用方式：①内部样式表----练习专用，代码量低
		              ②外部样式表----项目专用，代码量高
					  ③内联样式表----基本不用，代码沉余
					  ④引入样式表----基本不用，支持CSS2引入方式
					                 ----缺点：先内容后表现
		-->
		<p style="text-align:center "> lorem1</p>
	</body>
</html>
